<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">     
        //--- conf_mod();

function consultarRoles(){
    $.ajax({ type: "POST",
        url: "../controlador/SeguridadRol.php",
        dataType: 'json',
        data:  "codUsuario="+$("#codUsuario option:selected" ).val()+"&OPERACION=selectByCodUsuarioHTMLCheckBoxFormat&controlador=SeguridadRol",
        cache : false,
        success: function(item){
            if(item.hasOwnProperty("ERROR")){
                showPopupBoxMessage(item.ERROR);
                return;
            }else if(item.hasOwnProperty("HTML")){
                $("#rolesUsuario").empty()
                $("#rolesUsuario").append(item.HTML);
                document.getElementById('checkAll').checked =false;
            }else{
                showPopupBoxMessage("No devolvio datos...");
                return;
            }
        },error :function(request, status, error){
            showPopupBoxMessage(error);
        }
    });
}

$(function() {
 
        $("#codUsuario").change(function () {
            var value = $("#codUsuario option:selected" ).val();
            switch(value){
                case "":
                  $("#rolesUsuario").empty();
                  break;
                default:
                  consultarRoles();
            }
        }); 
        
        $(document).on("click","#checkAll",function(){
            //--- chequeo o deschequeo segun sea el caso
            var e=document.getElementById('rolesUsuario').getElementsByTagName('*');
            for (var i=0;i<e.length;i++){
                if(e[i].hasAttribute('type')){
                    if(e[i].type=="checkbox"){
                        e[i].checked = $('#checkAll').is(':checked');                
                    }
                }
            }
            /*
            $('#permisosRol').find(':checkbox').each(function(){
                $(this).attr('checked', $('#checkAll').is(':checked'));
            });
            */
        }); 
        
        $(document).on("click","#link_guardar",function(){
            
            //--- valido los permisos del usuario en session
            if(validarPermisoUsuarioSession("SeguridadUsuarioRol.guardar")!==""){return;}
            
            $.ajax({ type: "POST",
                url: "../controlador/SeguridadUsuarioRol.php",
                dataType: 'json',
                data:  $("#frmAsignar").serialize()+"&OPERACION=asignar&controlador=SeguridadUsuarioRol",
                cache : false,
                success: function(item){
                    if(item.hasOwnProperty("ERROR")){
                        showPopupBoxMessage(item.ERROR);
                        return;
                    }else{
                        //consultarRoles();
                        $("#codUsuario").val("");
                        $("#rolesUsuario").empty();
                        document.getElementById('checkAll').checked =false; 
                    }
                },error :function(request, status, error){
                    showPopupBoxMessage(error);
                }
        });
    });
    
});
        </script>
        <style></style>
    </head>
    <body>
        
        <img id='loadingGif' src='../recursos/imagenes/ajax-loader.gif' alt='' />
        <div id='main'>
        <header>Asignar Roles a usuarios</header>
        <input type="hidden" id="controlador" name="controlador" value="SeguridadUsuarioRol"/>
        </div>
        <form id="frmAsignar">
            <table>
                <tr>
                    <td>Usuario</td>
                    <td>
                        <select id="codUsuario" name="codUsuario">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codUsuario"),"SeguridadUsuario","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>                                         
            </table>
            <div>
                <a id="link_guardar" href="#"><i class="icon-save"></i> Guardar</a>
            </div>
            <br>
            <input type="checkbox" id="checkAll" name="checkAll">Chequeo Masivo<br/><br/>
            <div id="rolesUsuario">
                
            </div>
        </form>
    </body>    
</html>